<template>
  <van-tabbar active-color="#16C2A3" inactive-color="#CBD6D6" v-model="active" route>
    <van-tabbar-item icon="home-o" to="/index">首页</van-tabbar-item>
    <van-tabbar-item icon="send-gift" to="/healthEncyclopedia">健康百科</van-tabbar-item>
    <van-tabbar-item icon="bell" to="/message">消息通知</van-tabbar-item>
    <van-tabbar-item icon="contact" to="/my">我的</van-tabbar-item>
  </van-tabbar>

</template>
<script setup lang="ts">
import { ref } from 'vue'
import { useRouter } from 'vue-router'
const router = useRouter()

const active = ref()

</script>
